<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport"content="width-device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"><!-- 界面设定，页面大小屏幕等宽，初始缩放比例，允许缩放最小、最大比例，是否可以缩放 -->
	<title>记忆旅行社-响应式</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>

<header id="header">
	<div class="center">
		<h1 class="logo">记忆旅行社</h1>
		<nav class="link">
		<h2 class="none">网站导航</h2><!-- 完善大纲，隐藏标题 -->
		<ul >
			<li class="active"><a href="index.html">首页</a></li>
			<li><a href="information.html"><span class="xs-hidden">旅游</span>咨讯</a></li>
			<li><a href="order.html">机票<span class="xs-hidden">订购</span></a></li>
			<li><a href="about.html"><span class="xs-hidden">关于</span>公司</a></li>
		</ul>
		</nav>
	 </div>
</header>

<div id="adver">
	<img src="img/adver.jpg" alt="">
	<div class="center"></div>
	<div class="center copy">
		<input type="text" class="search" placeholder="请输入旅游景点或城市">
		<button class="button">搜索</button>
	</div>
	</div>
</div>

<div id="tour">
	<section class="center">
		<h2>热门旅游</h2>	
		<p>国内旅游、国外旅游、自助旅游、自驾旅游、邮轮旅游、主题旅游等各种最新热门旅游推荐</p>	
	</section>
	<figure>
		<img src="img/tour1.jpg"alt="曼谷-芭提雅6日游">
		<figcaption>
        <div class="tour_title">
	     <strong class="title">&lt;曼谷-芭提雅6日游&gt;</strong>
	     包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券<!-- &lt和&gt是尖括号 -->
         </div>
		<div>
    		<em class="sat">满意度 77%</em>
			<span class="price">$ <strong>2864</strong> 起</span>
		</div>
		<div class="type">国外长线</div>
        </figcaption>
	</figure>
	<figure>
		<img src="img/tour2.jpg"alt="马尔代夫双鱼岛6日自助游">
		<figcaption>
        <div class="tour_title">
	     <strong class="title">&lt;马尔代夫双鱼岛6日自助游&gt;</strong>
	     上海出发，机+酒包含：早晚餐+快艇<!-- &lt和&gt是尖括号 -->
         </div>
		<div>
    		<em class="sat">满意度 97%</em>
			<span class="price">$ <strong>8039</strong> 起</span>
		</div>
		<div class="type">出境长线</div>
        </figcaption>
	</figure>
	<figure>
		<img src="img/tour3.jpg"alt="海南双飞五日游">
		<figcaption>
        <div class="tour_title">
	     <strong class="title">&lt;海南双飞五日游&gt;</strong>
	     含盐城接送，全程挂牌四星酒店，一价全含，零自费“自费项目”免费送<!-- &lt和&gt是尖括号 -->
         </div>
		<div>
    		<em class="sat">满意度 90%</em>
			<span class="price">$ <strong>2709</strong> 起</span>
		</div>
		<div class="type">国内短线</div>
        </figcaption>
	</figure>
	<figure>
		<img src="img/tour4.jpg"alt="富山-大阪-东京8日游">
		<figcaption>
        <div class="tour_title">
	     <strong class="title">&lt;富山-大阪-东京8日游&gt;</strong>
	     暑假亲子，2天自由，无导游安排自费项目，全程不强迫购物<!-- &lt和&gt是尖括号 -->
         </div>
		<div>
    		<em class="sat">满意度 97%</em>
			<span class="price">$ <strong>9499</strong> 起</span>
		</div>
		<div class="type">自助旅游</div>
        </figcaption>
	</figure>
	<figure>
		<img src="img/tour5.jpg"alt="法瑞德意12日游">
		<figcaption>
        <div class="tour_title">
	     <strong class="title">&lt;法瑞德意12日游&gt;</strong>
	     4至5星，金色列车，少女峰，部分THE MALL<!-- &lt和&gt是尖括号 -->
         </div>
		<div>
    		<em class="sat">满意度 97%</em>
			<span class="price">$ <strong>10989</strong> 起</span>
		</div>
		<div class="type">国外长线</div>
        </figcaption>
	</figure>
	<figure>
		<img src="img/tour6.jpg"alt="巴厘岛6日半自助游">
		<figcaption>
        <div class="tour_title">
	     <strong class="title">&lt;巴厘岛6日半自助游&gt;</strong>
	     蓝梦出海，独栋别墅，悦榕庄下午茶，纯玩<!-- &lt和&gt是尖括号 -->
		</div>
        <div>
    		<em class="sat">满意度 95%</em>
			<span class="price">$ <strong>6488</strong> 起</span>
		</div>
		<div class="type">出境长线</div>
        </figcaption>
	</figure>
	<figure>
		<img src="img/tour7.jpg"alt="塞舌尔帝拜9日自助游">
		<figcaption>
        <div class="tour_title">
	     <strong class="title">&lt;塞舌尔帝拜9日自助游&gt;</strong>
	     一游两国，4晚塞舌尔，2晚迪拜，香港EK往返<!-- &lt和&gt是尖括号 -->
         </div>
		<div>
    		<em class="sat">满意度 100%</em>
			<span class="price">$ <strong>9699</strong> 起</span>
		</div>
		<div class="type">邮轮观光</div>
        </figcaption>
	</figure>
	<figure>
		<img src="img/tour8.jpg"alt="花样姐姐土耳其9日游">
		<figcaption>
        <div class="tour_title">
	     <strong class="title">&lt;花样姐姐土耳其9日游&gt;</strong>
	     最高立减3000！中餐6菜1汤+土耳其当地美食满足您挑剔味蕾<!-- &lt和&gt是尖括号 -->
         </div>
		<div>
    		<em class="sat">满意度 93%</em>
			<span class="price">$ <strong>9989</strong> 起</span>
		</div>
		<div class="type">出境长线</div>
        </figcaption>
	</figure>
	<figure>
		<img src="img/tour9.jpg"alt="北京-上海-广州双飞6日游">
		<figcaption>
        <div class="tour_title">
	     <strong class="title">&lt;北京-上海-广州双飞6日游&gt;</strong>
	     北上广，带你领略大都市的繁华与美景，超值之旅，千万不能错过<!-- &lt和&gt是尖括号 -->
		</div>
        <div>
    		<em class="sat">满意度 98%</em>
			<span class="price">$ <strong>4999</strong> 起</span>
		</div>
		<div class="type">国内短线</div>
        </figcaption>
	</figure>
</div>

<footer id="footer">
<div class="top sm-hidden">
	<div class="block left">
		<h2>合作伙伴</h2>
		<hr>
		<ul>
			<li>途牛旅游网</li>
			<li>驴妈妈旅游网</li>
			<li>携程旅游</li>
			<li>中国青年旅行社</li>
		</ul>
	</div>
	<div class="block center">
		<h2>旅游FAQ</h2>
		<hr>
		<ul>
			<li>旅游合同签订方式？</li>
			<li>儿童价是基于什么制定的？</li>
			<li>旅游的线路品质怎么界定的？</li>
			<li>单房差是什么？</li>
			<li>旅游保险有哪些种类？</li>
		</ul>
	</div>
	<div class="block right">
		<h2>联系方式</h2>
		<hr>
		<ul>
			<li>电话：18084822670</li>
			<li>邮件：1010548471@qq.com</li>
			<li>地址：四川省彭州市蒙阳新城666号</li>
		</ul>
	</div>
</div>
<div class="clearfix"></div>
<div class="version sm-visible">
	客户端 | 触屏版 | 电脑版
</div>
<div class="bottom">Copyright &copy; YCKU 记忆旅行社| 苏ICP 备120110119 号<span class="sm-hidden">| 旅行社经营许可证：L-YC-BK12345</span></div>
	
</footer>
</body>
</html>